---
layout: default
title: Select 2
---

<div class="row bg-white">
  <div class="col-xs-12">
    <div class="block-heading">
      <h2>Select 2</h2>
    </div>

    <form >
      <div class="form-group">
        <label>Jarvis theme select2</label>
        <select class="form-control" id="single-select-jarvis">
          <optgroup label="Alaskan/Hawaii Time zone">
            <option>Alaska</option>
            <option>Hawaii</option>
          </optgroup>
          <optgroup label="Pacific Time zone">
            <option>California</option>
            <option>Nevada</option>
            <option>Oregon</option>
            <option>Washington</option>
          </optgroup>
          <optgroup label="Moutain time zone">
            <option>Arizona</option>
            <option>Colorado</option>
            <option>Idaho</option>
            <option>Montana</option>
          </optgroup>
        </select>
      </div>
      <div class="form-group">
        <label>Jarvis theme select2</label>
        <select class="form-control" id="multiple-select-jarvis" multiple="multiple">
          <optgroup label="Alaskan/Hawaii Time zone">
            <option>Alaska</option>
            <option>Hawaii</option>
          </optgroup>
          <optgroup label="Pacific Time zone">
            <option>California</option>
            <option>Nevada</option>
            <option>Oregon</option>
            <option>Washington</option>
          </optgroup>
          <optgroup label="Moutain time zone">
            <option>Arizona</option>
            <option>Colorado</option>
            <option>Idaho</option>
            <option>Montana</option>
            <option>Nebraska</option>
            <option>New Mexico</option>
            <option>North Dakota</option>
            <option>Utah</option>
            <option>Wyoming</option>
          </optgroup>
        </select>
      </div>
      <div class="form-group">
        <label>Normal input</label>
        <input class="form-control" placeholder="I am a normal input" >
      </div>
      <div class="form-group">
        <label>Normal select</label>
        <select class="form-control" placeholder="I am a normal select">
          <optgroup label="Alaskan/Hawaii Time zone">
            <option>Alaska</option>
            <option>Hawaii</option>
          </optgroup>
          <optgroup label="Pacific Time zone">
            <option>California</option>
            <option>Nevada</option>
            <option>Oregon</option>
            <option>Washington</option>
          </optgroup>
          <optgroup label="Moutain time zone">
            <option>Arizona</option>
            <option>Colorado</option>
            <option>Idaho</option>
            <option>Montana</option>
          </optgroup>
        </select>
      </div>
      <div class="form-group">
        <label>Normal select2</label>
        <select class="form-control" id="single-select">
          <option>Alaska</option>
          <option>Hawaii</option>
          <option>California</option>
          <option>Nevada</option>
        </select>
      </div>
    </form>
  </div>
</div>